﻿a{
color:#000000;
text-decoration:none;
 }
.content {
	text-decoration: none;
	font-size: 1.3em;
	color:#4733FF;
	-webkit-font-smoothing: antialiased
}

td {
		font-size:1.1em;
 		border-spacing:100px;
 		height:30px;
 		border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
	}
table{
		border-top:1px solid #000;
  	 empty-cells:show; 
		 border-collapse: collapse;
		 margin:0 auto;
	}

#toptitle {
    text-align:center;FONT-SIZE:1.4em;COLOR:#2040A0;FONT-WEIGHT: bold;
    padding-top: 0px;padding-bottom: 0px;background-color:#411604;
	text-decoration: none;
}
#topwhite {
    
   text-align:left; FONT-SIZE:1em;cursor:hand; COLOR:#FFFFFF;text-decoration: none;
}
#chap1 {
    text-align:center;
    FONT-SIZE:1.7em;
    COLOR:#FFFFFF;
    FONT-WEIGHT: bold;
    padding-top: 0px;
	text-decoration: none;
}
#chap2 {
    text-align:center;
    FONT-SIZE:1.5em;
    COLOR:#000000;
    FONT-WEIGHT: bold;
    padding-top: 0px;
	text-decoration: none;
}

#wt {
    text-align:center;
    /* COLOR:#338833;
    FONT-WEIGHT: bold;*/
    FONT-SIZE:1em;
    /* letter-spacing:10px;*/
   /*  word-spacing:10px;*/
     padding-bottom: 1em;
   /*  padding-left: 10px;*/
   /*  padding-right: 0.3em;*/
	text-decoration: none;
}

#GM {
    COLOR:#000000;
    FONT-SIZE:1.2em;
	text-decoration: none;
}
.l1 {
    COLOR:#000000;
    FONT-SIZE:1.3em;
    FONT-WEIGHT: bold;
	text-decoration: none
}
.l2 {
    COLOR:#000000;
    FONT-SIZE:1.2em;
    FONT-WEIGHT: bold;
	text-decoration: none
}
.l3 {
    COLOR:#000000;
    FONT-SIZE:1.1em;
	text-decoration: none
}
.l4 {
    COLOR:#000000;
    FONT-SIZE:1em;
	text-decoration: none
}

#C {
    COLOR:#000000;
    FONT-SIZE:1.4em;
    text-indent : 1em;
	text-decoration: none;
}
#C1 {
    COLOR:#7A1A04;
    FONT-WEIGHT: bold;
    FONT-SIZE:1.1em;
    /* letter-spacing:10px;*/
   /*  word-spacing:10px;*/
     padding-bottom: 1em;
   /*  padding-left: 10px;*/
   /*  padding-right: 0.3em;*/
	text-decoration: none;
}
img {
	vertical-align: middle;
	max-width: 100%
}
.cont {
	margin: 0.5em 0em 0.5em 0em;
}

.brandtitle {
	display: inline-block;
	text-decoration: none;
	padding: 0 0;
	font-size: 1.6em;
	color: #CFC197;
	-webkit-font-smoothing: antialiased
}

.brand {
	display: inline-block;
	text-decoration: none;
	padding: 0 0;
	font-size: 1.4em;
	color: #fff;
	-webkit-font-smoothing: antialiased
}

.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}

.header {
	background-color: #411604;    /*#338833;*/

	padding: .5em 0 .7em 0
}


.feature {
	background-color: #866254; /*#4ecdc4;*/
	padding: 5em 0 1em 0
}
.feature a {
	text-decoration: none
}
.feature strong {
	color: #fff;
	font-weight: normal
}
.contain {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 0.5em
}
.icon {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}
.icon--twitter:before {
	content: "\e000"
}
.icon--github:before {
	content: "\e001"
}
.icon--download:before {
	content: "\e002"
}
.icon:before {
	font-size: 2em;
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	line-height: 1
}
.icon--up:before {
	content: "\25B2"
}
@media print {
	* {
		background: transparent!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	a,a:visited {
		text-decoration: none
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: ""
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,img {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}@	page {
		margin: .5cm
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3
	}
	h2,h3 {
		page-break-after: avoid
	}
	.hide-from-print {
		display: none
	}
}
.btn {
	padding: .5em 1em;
	margin: 0 0 1em 0;
	display: inline-block;
	border-radius: .25em;
	text-decoration: none;
	text-align: center;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	color: #6f6f6f;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #eee;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)
}

.btn:hover,.btn:focus,.btn:visited {
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #f1ebeb;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2);
	text-decoration: none
}

.btn:focus {
	border-color: #292f36
}

.btn--primary {
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	color: #292f36;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #4ecdc4;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)
}

.btn--primary:hover,.btn--primary:focus,.btn--primary:visited {
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #3dded3;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2);
	text-decoration: none
}

.btn--primary:focus {
	border-color: #292f36
}

.btn--secondary {
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #ff6b6b;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2);
	text-shadow: 1px 1px 1px rgba(41,47,54,0.5)
}

.btn--secondary:hover,.btn--secondary:focus,.btn--secondary:visited {
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #ff6b6b;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2);
	text-decoration: none
}

.btn--secondary:focus {
	border-color: #292f36
}

.btn:active {
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	outline: 0
}

.btn--plain,.btn--plain:hover,.btn--plain:active,.btn--plain:focus,.btn--plain:visited {
	background: 0;
	border: 0;
	box-shadow: none
}

.btn--plain:hover {
	color: #292f36
}

.btn--full {
	display: block
}

.btn--med {
	line-height: 1.25;
	font-size: 1.125em
}

.btn--large {
	line-height: 1.25;
	font-size: 1.25em;
	font-weight: normal
}

.up {
	padding: .5em 1em;
	margin: 0 0 1em 0;
	display: inline-block;
	border-radius: .25em;
	text-decoration: none;
	text-align: right;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	color: #6f6f6f;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	border: 1px solid rgba(41,47,54,0.2);
	background-color: #eee;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)*/
}

.btt {
	display: none;
	position: fixed;
	right: 1px;
	bottom: 0;
	font-size: 2.9em;
	color: #FFFFFF;
	-webkit-transform: translateY(7em);
	-ms-transform: translateY(7em);
	transform: translateY(7em)
}

.main {
	font-size: 1.2em;
	color: #411604;
	padding: 0px 8px 15px 15px;
}


@media screen and (min-width:5em) {
	.btt {
		display: block
	}
}

@media screen and (min-width:7em) {
	.btt {
		left: .5em
	}
}

.slide {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.slide--reset {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.slide--up {
	-webkit-transform: translateY(-7em);
	-ms-transform: translateY(-7em);
	transform: translateY(-7em)
}

.slide--down {
	-webkit-transform: translateY(7em);
	-ms-transform: translateY(7em);
	transform: translateY(7em)
}

.headroom-title {
	font-size: 2.5em
}

@media(min-width:30em) {
	.headroom-title {
		font-size: 3.5em
	}
}

@media screen and (min-width:40em) {
	.headroom-title {
		font-size: 4.5em
	}
}

.icon:before {
	font-size: 2em;
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	line-height: 1
}

.icon--up:before {
	content: "\25B2"
}



.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-7em)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-7em)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-7em)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-7em)
	}

	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-7em)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}

	100% {
		-moz-transform: translateY(-7em)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}

	100% {
		-o-transform: translateY(-7em)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-7em)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}


.white {
	text-align: left;
	FONT-SIZE: 1em;
	cursor: hand;
	COLOR: #FFFFFF;
	text-decoration: none;
}
.cn0{
    text-align:center;
    text-decoration: none;
    padding-bottom: 1em;
    padding-left: 0em;
    FONT-SIZE:1.3em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 5px;
}


.cn1{
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 0.2em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:2 0 0 0em;
}



.cn2 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 0.5em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
    text-decoration: none;
	margin:2 0 0 0em;
}
.cn3 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 1em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:2 0 0 0em;
}
.cn4 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 1.5em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:2 0 0 0em;
}
.cn5 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 2em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}
.cn6 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 2.5em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}

.cn7 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 3em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}
.cn8 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 3.5em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}
.cn9 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 4em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}
.cn10 {
    text-align:left;
    /*border:1px solid #C8C8C8;*/
	padding-top:0.1em;
    padding-bottom:0.3em;
    padding-left: 4.5em;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
	margin:0 0 0 0em;
}
